<template>
  <div>
    <div class="listBox" v-for="v in AAarr" :key="v.id">
      <div class="lists-con">
        <img :src='v.selectconDecimg' />
        <div class="con-right">
          <div class="title">{{v.selectconDecTitle}}</div>
          <p>{{v.selectconDecTime}}
            <span>{{v.selectconWeek}}</span>
          </p>
          <p>{{v.selectconDecAddress}}</p>
          <div class="ticketing">
            <span>{{v.selectconTicketing}}</span>
            <span>{{v.selectconPrice}}</span>
            <span>自营</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// import getLink from "@/api/getLink.js";
export default {
  props: ['AAarr'],
  data() {
    return {
      arr: []
    }
  },
  mounted() {
    // getLink("/show/listsCon").then(res => {
    //   this.arr = res.data;
    // });
  }
}
</script>
<style scoped>
.listBox {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.lists-con {
  width: 90%;
  margin: 0.2rem auto;
  background-color: #ffffff;
  display: flex;
}
.lists-con img {
  width: 2.4rem;
  border-radius: 0.3rem;
  /* background-color: aquamarine; */
}
.lists-con .con-right {
  width: 6.1rem;
  height: 3.1rem;
  position: relative;
  margin-left: 0.1rem;
}
.con-right .title {
  font-size: 0.32rem;
  font-weight: bold;
}
.con-right p {
  font-size: 0.24rem;
  margin-top: 0.2rem;
  color: rgb(136, 136, 136);
}

.con-right .ticketing {
  position: absolute;
  bottom: 0;
}
.ticketing span {
  display: block;
  position: absolute;
  font-size: 0.24rem;
}
.ticketing span:nth-child(1) {
  width: 1.2rem;
  height: 0.33rem;
  text-align: center;
  line-height: 0.33rem;
  color: red;
  border-radius: 0.1rem;
  background-color: antiquewhite;
  bottom: 0.1rem;
}
.ticketing span:nth-child(2) {
  width: 1.4rem;
  height: 0.33rem;
  font-weight: bold;
  text-align: center;
  line-height: 0.33rem;
  /* background-color: antiquewhite; */
  bottom: 0.1rem;
  left: 1.2rem;
}
.ticketing span:nth-child(3) {
  width: 1.2rem;
  height: 0.33rem;
  text-align: center;
  line-height: 0.33rem;
  color: rgb(136, 136, 136);
  /* background-color: antiquewhite; */
  bottom: 0.1rem;
  left: 3.4rem;
}
</style>